<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/shop_list.css">
</head>
<body>
    <!--header start-->
    <div class="header">
         <!--header-top start-->
        <div class="header-top">
            <!--container 版心-->
            <div class="container">
                <div class="top-left">
                    <a href="index.html">
                        <img src="img/1.png" alt="1">
                        玫丽盼官网
                    </a>
                </div>
                <div class="top-right" id="top_right">
                    <ul>
                        <li>
                        	<a href="login.html" id="login">您好，请 登陆</a>
                        	<img src="img/22.png" alt="" class="d-n" id="img_t"/>
                        </li>
                        <li>
                        	<a href="reister.html" class="red-color" id="reister">免费注册</a>
                        	<a href="###" class="d-n" id="out">安全退出</a>
                        </li>
                        <li class="line"></li>
                        <li><a href="login.html" id="login_html">我的订单</a></li>
                        <li class="line"></li>
                        <li>
                            <a href="login.html" id="shop_C">
                                <img src="img/2.png" alt="2">
                                购物车
                            </a>
                        </li>
                        <li class="line"></li>
                        <li>
                            <a href="login.html" id="scj">
                                <img src="img/3.png" alt="3">
                                收藏夹
                            </a>
                        </li>
                        <li class="line"></li>
                        <li><a href="#">商品分类</a></li>
                        <li class="line"></li>
                        <li class="slider-li">
                            <a href="#">网站导航</a>
                            <button type="button"></button>
                            <span>
                            	<em>1</em>
                            	<em>2</em>
                            	<em>3</em>
                            </span>
                        </li>
                        <li class="line"></li>
                        <li class="slider-li">
                            <a href="#">客户服务</a>
                            <button type="button"></button>
                            <span>
                            	<em>1</em>
                            	<em>2</em>
                            	<em>3</em>
                            </span>
                        </li>
                        <li class="line"></li>
                        <li class="slider-li">
                            <a href="#">帮助中心</a>
                            <button type="button"></button>
                            <span>
                            	<em>1</em>
                            	<em>2</em>
                            	<em>3</em>
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--header-top end-->

        <!--header-bottom start-->
        <div class="header-bottom">
            <div class="container">
                <!--logo start-->
                <div class="logo">
                    <a href="index.html">
                        <img src="img/logo.png" alt="logo">
                    </a>
                </div>
                <!--logo end-->

                <!--search start-->
                <div class="search">
                    <form>
                        <input type="text" placeholder="MO护发精油">
                        <button type="button"></button>
                        <div class="find">
                            <img src="img/5.png" alt="5">
                        </div>
                    </form>
                    <ul>
                        <li><a href="#" class="red-color">11.11限量</a></li>
                        <li><a href="#">低至5折</a></li>
                        <li><a href="#">护肤套装</a></li>
                        <li><a href="#">男士护肤套装</a></li>
                        <li><a href="#">男士套装</a></li>
                        <li><a href="#">面膜</a></li>
                        <li><a href="#">洗发露</a></li>
                    </ul>
                </div>
                <!--search end-->

                <!--car start-->
                <div class="car">
                    <a href="#">
                        <span>我的购物车</span>
                        <img src="img/pro_9.png" alt="">
                    </a>
                </div>
                <!--car end-->
            </div>
        </div>
        <!--header-bottom end-->
    </div>
    <!--header end-->

    <!--content start-->
	<div class="content">
	    	
		<!--main-nav start-->
		<div class="shop-nav">
			<div class="container">
				<!--main-nav start-->
           		<div class="main-nav">
                        <dl>
                            <dt class="main-color">全部商品分类</dt>
                            <dd>
                                <h3>面部护肤</h3>
                                <p>
                                    <a href="#">补水保湿</a>/<a href="#">洁面卸妆</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>洗发护发</h3>
                                <p>
                                    <a href="#">洗发</a>/<a href="#">护发</a>/<a href="#">染发</a>/<a href="#">造型</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>身体护理</h3>
                                <p>
                                    <a href="#">沐浴</a>/<a href="#">润肤</a>/<a href="#">精油</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>香水彩妆</h3>
                                <p>
                                    <a href="#">BB霜</a>/<a href="#">化妆棉</a>/<a href="#">唇膏唇彩</a>
                                </p>
                                <span></span>
                            </dd>
                            <dd>
                                <h3>女性护理</h3>
                                <p>
                                    <a href="#">卫生巾</a>/<a href="#">卫生护垫</a>
                                </p>
                                <span></span>
                            </dd>
                        </dl>
                    </div>
            	<!--main-nav end-->
            
            	<ul>
            		<li><a href="#">全球购</a></li>
            		<li><a href="#">闪购</a></li>
            		<li><a href="#">金融</a></li>
           	 	</ul>
			</div>
		</div>
		<!--main-nav end-->
		
		
		<!--shop-info start-->
		<div class="shop-info">
			<div class="container">
				<ul>
					<li>

						<p>品牌：</p>
						<p>
							<a href="#">施华蔻（Schwarzkopf)</a>
							<a href="#">欧莱雅（LOREAL）</a>
							<a href="#">吕（Ryo）</a>
							<a href="#">卡诗（KERASTASE）</a>
							<a href="#">霸王（BAWANG）</a>
							<a href="#">蜂花（BEE&FLOWER）</a>
							<a href="#">睿嫣（ReEn）</a>
							<a href="#">欧舒丹（L'OCCITANE）</a>
							<a href="#">多芬（Dove）</a>
						</p>
						<p>
							<button>更多 <img src="img/jt.png" alt="" /></button>
							<button><img src="img/jh.png" alt="" /> 多选</button>
						</p>
					</li>
					<li>
						<p>洗发护发：</p>
						<p>
							<a href="#">洗发</a>
							<a href="#">护发</a>
							<a href="#">套装</a>
							<a href="#">染发</a>
							<a href="#">造型</a>
						</p>
					</li>
					<li>
						<p>功效：</p>
						<p>
							<a href="#">去屑</a>
							<a href="#">止痒</a>
							<a href="#">无硅油</a>
							<a href="#">清爽</a>
							<a href="#">防脱</a>
							<a href="#">控油</a>
							<a href="#">补水</a>
							<a href="#">保湿</a>
							<a href="#">柔顺</a>
							<a href="#">滋养</a>
						</p>
						<p>
							<button>更多 <img src="img/jt.png" alt="" /></button>
							<button><img src="img/jh.png" alt="" /> 多选</button>
						</p>
					</li>
					<li>
						<p>净含量：</p>
						<p>
							<a href="#">200mL以下</a>
							<a href="#">201-400mL</a>
							<a href="#">401-750mL</a>
							<a href="#">750mL-1L</a>
							<a href="#">1L以上</a>
							<a href="#">其他</a>
						</p>
						<p>
	
							<button><img src="img/jh.png" alt="" /> 多选</button>
						</p>
					</li>
					<li>
						<p>高级选项：</p>
						<p>
							<button>包装 <img src="img/jt.png" alt="" /></button>
							<button>适合发质 <img src="img/jt.png" alt="" /></button>
							<button>性别 <img src="img/jt.png" alt="" /></button>
							<button>试用人群 <img src="img/jt.png" alt="" /></button>
							<button>产地 <img src="img/jt.png" alt="" /></button>
							<button>其他 <img src="img/jt.png" alt="" /></button>
						</p>
					</li>
				</ul>
			</div>
		</div>
		<!--shop-info end-->
		
		<!--product start-->
		<div class="product">
			<div class="container">
				<div class="products-bottom">
                	<div class="products-bottom-left">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="img/28.png" alt="">
                                    </a>
                                    <p><a href="#">美国kelo-cote芭克硅凝胶软膏祛疤痕贴去疤痕膏割双眼皮</a></p>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/29.png" alt="">
                                    </a>
                                    <p><a href="#">美国kelo-cote芭克硅凝胶软膏祛疤痕贴去疤痕膏割双眼皮</a></p>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/30.png" alt="">
                                    </a>
                                    <p><a href="#">美国kelo-cote芭克硅凝胶软膏祛疤痕贴去疤痕膏割双眼皮</a></p>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/31.png" alt="">
                                    </a>
                                    <p><a href="#">美国kelo-cote芭克硅凝胶软膏祛疤痕贴去疤痕膏割双眼皮</a></p>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/32.png" alt="">
                                    </a>
                                    <p><a href="#">美国kelo-cote芭克硅凝胶软膏祛疤痕贴去疤痕膏割双眼皮</a></p>
                                </li>
                            </ul>
                        </div>
					
					<div class="products-bottom-right">
						<!--综合-->
						<div class="composite">
							<span class="on">综合 <em>↓</em></span>
							<span>销量 <em>↓</em></span>
							<span>评论 <em>↓</em></span>
							<span>新品 <em>↓</em></span>
							<span>价格 <i></i> <i></i></span>
							<p>
								<input type="text"/>
								<em>-</em>
								<input type="text"/>
							</p>
						</div>
						
						<!--产品列表-->
						<div class="products-list">
							<ul>
								<li>
									<a href="#">
										<img src="img/38.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/37.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/7.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/9.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/25.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/26.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/27.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/28.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/40.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/30.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/31.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/32.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/33.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/34.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/35.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
								<li>
									<a href="#">
										<img src="img/36.png" alt="" />
									</a>
									<span>￥88.00</span>
									<p>
										<a href="#">洗发水 洗护套装 精油润养洗发露500ml*2+精油润养润发乳500ml+赠旅行装*1套</a>
									</p>
									<p><em>49万+</em>评价</p>
									<p>
										<span>
											<input type="checkbox"/>
											对比
										</span>
										<span>
											<img src="img/shop_xin.png" alt="" />
											收藏
										</span>
										<span class="red-color">
											<img src="img/shop_car.png" alt="" />
											加入购物车
										</span>
									</p>
								</li>
							</ul>
						</div>
						
						<!--页面-->
						 <div class="page">
                            <ul>
                                <li>上一页</li>
                                <li class="on">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>5</li>
                                <li>6</li>
                                <li>7</li>
                                <li>下一页</li>
                            </ul>
                        </div>
					</div>
				</div>

			</div>
		</div>
		<!--product end-->
	
		
		
        <!--scroll start-->
        <div class="scroll">
            <ul>
                <li><a href="#"><img src="img/17.png" alt=""></a></li>
                <li><a href="#"><img src="img/18.png" alt=""></a></li>
                <li><a href="#"><img src="img/19.png" alt=""></a></li>
                <li><a href="#"><img src="img/20.png" alt=""></a></li>
                <li><a href="#"><img src="img/21.png" alt=""></a></li>
                <li><a href="#"><img src="img/22.png" alt=""></a></li>
                <li><a href="#"><img src="img/23.png" alt=""></a></li>
                <li><a href="#"><img src="img/24.png" alt=""></a></li>
            </ul>
        </div>
        <!--scroll end-->
    </div>
    <!--content end-->

    <!--footer start-->
    <div class="footer">
        <!--footer-top start-->
        <div class="footer-top">
            <div class="container">
                <!--credit start-->
                <div class="credit">
                    <ul>
                        <li><img src="img/kuai.png" alt="kuai"></li>
                        <li><img src="img/hao.png" alt="hao"></li>
                        <li><img src="img/sheng%20.png" alt="sheng"></li>
                    </ul>
                </div>
                <!--credit end-->

                <!--footer-main start-->
                <div class="footer-main">
                    <dl>
                        <dt>购物指南</dt>
                        <dd><a href="#">购物流程</a></dd>
                        <dd><a href="#">会员介绍</a></dd>
                        <dd><a href="#">生活旅行/团购</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">大家电</a></dd>
                        <dd><a href="#">联系客服</a></dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd><a href="#">上门自提</a></dd>
                        <dd><a href="#">211限时达</a></dd>
                        <dd><a href="#">配送服务查询</a></dd>
                        <dd><a href="#">配送费收取标准</a></dd>
                        <dd><a href="#">海外配送</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线付款</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">邮局汇款</a></dd>
                        <dd><a href="#">公司转账</a></dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">价格保护</a></dd>
                        <dd><a href="#">退款说明</a></dd>
                        <dd><a href="#">返修/退换货</a></dd>
                        <dd><a href="#">取消订单</a></dd>
                    </dl>
                </div>
                <!--footer-main end-->
            </div>
        </div>
        <!--footer-top end-->

        <!--footer-bottom start-->
        <div class="footer-bottom">
            <div class="container">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">合作招商</a></li>
                    <li><a href="#">商家帮助</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">风险监测</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">English Site</a></li>
                    <li><a href="#">Media & IR</a></li>
                </ul>
                <p>增值电信业务经营许可证： 浙B2-20110446 | 网络文化经营许可证：浙网文[2015]0295-065号 | 12318举报
                    </p>
                <p>互联网药品信息服务资质证书编号：浙-（经营性）-2017-0005  |  浙公网安备 00000000000000号</p>
                <p>Copyright © 2004 - 2017  玫丽盼 版权所有|消费者维权热线：4006067733经营证照</p>
            </div>
        </div>
        <!--footer-bottom end-->
    </div>
    <!--footer end-->
    <script src="js/base.js"></script>
    <script type="text/javascript">
    	top_slider();
    	sale();
    </script>
</body>
</html>